.error.page {
  padding-top: 54px;
  .cat {
    margin: 0 auto;
    text-align: center;
    &.not_found {
      width: 100%;
    }

    &.server_error {
      background-image: image-url('server_error.jpg');
    }
  }

  .alert, .home {
    text-align: center;
    margin-top: 51px;
    font-size: 30px;
  }
  .alert {
    em {
      color: #111;
      font: {
        size: 50px;
        weight: bolder;
      }
      padding: 0 .5em;
    }
  }

  .home {
    a {
      font-size: 28px;
      display: block;
      width: 82px;
      height: 82px;
      margin: 0 auto;
      line-height: 82px;
      border-radius: 60px;
      &:hover {
        background-color: #4f5353;
      }
    }
    &.black {
      a {
        background-color: #000;
        color: #fff;
      }
    }
    &.red {
      a {
        background-color: #c12a33;
        color: #fff;
      }
    }
  }
}

@media handheld, only screen and (max-width: 768px) {
  .error.page .alert {
    em {
      display: block;
      padding: .5em;
    }
    font-size: 19px;
    margin-top: 41px;
  }
}